@font-face {
    font-family: Bebas;
    src: url('BEBAS.ttf');
}
* {
	margin: 0;
	padding: 0;
}
body{
	width: auto;
	margin: auto;
	background: #ccc;
}
#gradiant{
	width: 100%;
	height: 320px;
	margin: auto;
	background-image: -moz-linear-gradient(top, #ffffff, #bbbbbb);
	background-image: -webkit-gradient(linear, center top, center bottom, from(#ffffff), to(#bbbbbb));
	background-image: -o-linear-gradient(top, #ffffff, #bbbbbb);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#bbbbbb');
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#bbbbbb')";
	background-image: linear-gradient(top, #ffffff, #bbbbbb);
	-moz-box-shadow:0px 15px 50px #a0a0a0;
	-webkit-box-shadow:0px 15px 50px #a0a0a0;
	box-shadow:0px 15px 50px #a0a0a0;
	filter: progid:DXImageTransform.Microsoft.Shadow(strength=15, direction=180, color='#a0a0a0');
	-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(strength=15, Direction=180, Color='#a0a0a0')";
}
#content{
	margin: -350px auto 0 auto;
	text-align: center;
}
#content h1{
	font-family: 'Bebas';
	font-size: 270px;
	padding: 50px 0 0 0;
	color: #111;
	text-shadow: #fff 0 1px 0;
}
#content h2{
	font-family: 'Helvetica Neue';
	font-size: 36px;
	color: #333;	
	margin-top: -50px;
	text-shadow: #fff 0 1px 0;
	letter-spacing: -1px;
}
p.text{
	padding: 40px;
	width: 620px;
	margin: -20px auto 0 auto;
	font-family: 'Helvetica';
	color: #666;
	text-align: left;
	text-shadow: #fff 0 1px 0;
}


p.links{
	padding: 40px;
	width: 620px;
	margin: -30px auto 0 auto;
	font-family: 'Helvetica';
	color: #666;
	text-shadow: #fff 0 1px 0;
	line-height: 40px;
}

a {
    background: -webkit-gradient(linear, left top, left bottom, from(#666), to(#222));
    background: -moz-linear-gradient(top,  #666,  #222);
    border: 1px solid #111;
    color: #fff;
    text-shadow: #333 0 1px 0;
    margin: 20px 0 0 20px;
    font:12px 'Helvetica';
    padding: 4px 20px;
    text-decoration: none;
    -webkit-box-shadow: 0 1px 1px rgba(255,255,255,.3) inset, 0 1px 1px rgba(0,0,0,.2);
    -moz-box-shadow: 0 1px 1px rgba(255,255,255,.3) inset, 0 1px 1px rgba(0,0,0,.2);
    -moz-border-radius: 15px;
    border-radius: 15px;
}
a:hover {
    background: -webkit-gradient(linear, left top, left bottom, from(#888), to(#222));
    background: -moz-linear-gradient(top,  #888,  #222);
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
}
a:active {
	position: relative;
	top: 1px;
}
a:active {
    background: -webkit-gradient(linear, left top, left bottom, from(#222), to(#666));
    background: -moz-linear-gradient(top,  #222,  #666);
}
